<template>
  <div :class="className" :style="{height:height,width:width}" />
</template>

<script>
require('echarts/theme/macarons') // echarts theme
export default {
  name: 'Vertical',
  props: {
    cacheName: {
      type: String,
      default: 'pie'
    },
    width: {
      type: String,
      default: '100%'
    },
    height: {
      type: String,
      default: '300px'
    },
    title: {
      type: String,
      require: false
    },
    subtext: {
      type: String,
      require: false
    },
    float: {
      type: String,
      default: 'center'
    },
    legend: { // 侧边栏展示内容
      type: Array,
      require: false
    },
    selectedData: { // 默认展示的内容
      type: Array,
      require: false
    },
    seriesData: { // 统计项
      type: Array,
      require: true
    },
    radius: {
      type: String,
      default: '90%'
    },
    center: {
      type: Array,
      require: false
    }
  },
  data() {
    return {
      chart: null,
      legendData: []
    }
  }
}
</script>

<style scoped>

</style>
